.slider-3d {
  position: relative;
  width: 1000px;
  height: 500px;
  margin: 100px auto;
}

img {
  display: block;
  width: 100%;
}

.slider-item {
  position: absolute;
  box-shadow: 10px 20px 10px #666;
  transition: all 0.6s linear;
}

.slider-item.first {
  top: 100px;
  left: 200px;
  z-index: 3;
  width: 600px;
}

.slider-item.third {
  top: 50px;
  left: 350px;
  z-index: 1;
  width: 300px;
  opacity: 0.4;
}

.slider-item.second {
  top: 138px;
  width: 400px;
  opacity: 0.6;
  z-index: 2;
}

.slider-item.second.left {
  left: 0;
}

.slider-item.second.right {
  left: 600px;
}
